<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/zy.css">
    <link rel="stylesheet" href="../font_3535107_10enq4elu49/iconfont.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <style>
    </style>
</head>

<body>
    <header>

        <!--   <h1 id="two">
            欢迎 <span id="Span">xxxx</span>
            <a href="gouwucar.html"><span class="iconfont icon-gouwuche"></span></a>
            <a href=""><span class="iconfont">&#xe61b;</span></a>
            <a href=""><span>EN</span></a>
        </h1> -->
        <div class="banxin">
            <div class="header-top">
                <div class="top-user" id="one">
                    <a href="../html/dl.html" title="登入">登入</a>&nbsp;或&nbsp;
                    <a href="../html/zc.html" title="注册">注册</a>&nbsp;ANTA会员
                </div>
                <div class="top-cart">
                    <a href="" title="购物车" class="iconfont icon-gouwuche"></a>
                </div>
                <div class="top-service"><a href="" title="客服" class="iconfont icon-zaixiankefu"></a></div>
                <div class="top-en">
                    <a href="">EN</a>
                </div>
            </div>
        </div>

    </header>
    <nav>
        <div class="banxin">
            <div class="nav-left">
                <div class="logo"><a href=""><img src="../img/logo.svg" alt=""></a></div>
            </div>

            <ul class="nav-right">
                <li><a href="javascript:;" title="冬奥国旗款"><span>冬奥国旗款</span></a></li>
                <li class="Man"><a href="#" title="男子"><span>男子</span></a>
                    <div class="man">
                        <div class="center">
                            <ul>
                                <h4>所有鞋类</h4>
                                <li><a href="#">运动鞋</a></li>
                                <li><a href="#">跑鞋</a></li>
                                <li><a href="#">篮球鞋</a></li>
                                <li><a href="#">休闲鞋</a></li>
                                <li><a href="#">板鞋</a></li>
                                <li><a href="#">户外综训鞋</a></li>
                            </ul>
                            <ul>
                                <h4>所有服装</h4>
                                <li><a href="#">套头卫衣</a></li>
                                <li><a href="#">外套夹克</a></li>
                                <li><a href="#">羽绒服/马甲</a></li>
                                <li><a href="#">短袖T恤</a></li>
                                <li><a href="#">长裤</a></li>
                                <li><a href="#">运动短裤</a></li>
                            </ul>
                            <ul>
                                <h5>所有配件</h5>
                                <li><a href="#">包类</a></li>
                                <li><a href="#">运动袜子</a></li>
                            </ul>
                            <ul>
                                <h5>运动项目</h5>
                                <li><a href="#">跑步</a></li>
                                <li><a href="#">篮球</a></li>
                                <li><a href="#">综训</a></li>
                                <li><a href="#">生活</a></li>
                                <li><a href="#">健身</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="woMan"><a href="#" title="女子"><span>女子</span></a>
                    <div class="woman">
                        <div class="center">
                            <ul>
                                <h5>所有鞋类</h5>
                                <li><a href="#">跑鞋</a></li>
                                <li><a href="#">休闲鞋</a></li>
                                <li><a href="#">板鞋</a></li>
                                <li><a href="#">棉鞋</a></li>
                            </ul>
                            <ul>
                                <h5>所有服装</h5>
                                <li><a href="#">羽绒服</a></li>
                                <li><a href="#">套头卫衣</a></li>
                                <li><a href="#">外套/夹克</a></li>
                                <li><a href="#">长裤</a></li>
                                <li><a href="#">短袖T恤</a></li>
                                <li><a href="#">运动短裤</a></li>
                            </ul>
                            <ul>
                                <h5>所有配件</h5>
                                <li><a href="#">包类</a></li>
                                <li><a href="#">运动袜子</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="Child"><a href="#" title="儿童"><span>儿童</span></a>
                    <div class="child">
                        <div class="center">
                            <ul>
                                <h5>新品上市NEw</h5>
                                <li><a href="#">男中大童</a></li>
                                <li><a href="#">女中大童</a></li>
                                <li><a href="#">男小童</a></li>
                                <li><a href="#">女小童</a></li>
                                <li><a href="#">婴童</a></li>
                            </ul>
                            <ul>
                                <h5>所有鞋类</h5>
                                <li><a href="#">跑鞋</a></li>
                                <li><a href="#">篮球鞋</a></li>
                                <li><a href="#">休闲鞋</a></li>
                                <li><a href="#">板鞋</a></li>
                                <li><a href="#">足球鞋</a></li>
                            </ul>
                            <ul>
                                <h5>所有服装</h5>
                                <li><a href="#">套头卫衣</a></li>
                                <li><a href="#">羽绒服</a></li>
                                <li><a href="#">短袖T恤</a></li>
                                <li><a href="#">运动短裤</a></li>
                                <li><a href="#">长裤</a></li>
                            </ul>
                            <ul>
                                <h5>所有配件</h5>
                                <li><a href="#">包类</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="javascript:;" title="安踏儿童"><span>安踏儿童</span></a></li>
                <li><a href="javascript:;" title="品牌文化"><span>品牌文化</span></a></li>
                <li><a href="javascript:;" title="观赏视频"><span>观赏视频</span></a></li>
                <li><a href="javascript:;" title="联系我们"><span>联系我们</span></a></li>
                <li>
                    <div class="nav-search">
                        <a href="" title="搜索" class="nav-search-a iconfont icon-search"></a>
                        <input type="text" placeholder="搜索" autocomplete="off">
                    </div>
                </li>
            </ul>
        </div>

    </nav>
    <main>
        <div>
            <div class="main-tu1">
                <img src="../img/35413daf15cdd13d590f07f7299f5d3a.jpg" alt="">

            </div>
            <div class="main-tu2">
                <img src="../img/7baacb611abfdde01f87a0a9a4303d08.jpg" alt="">
            </div>
            <div class="main-tu3">
                <img src="../img/8fd5100673438beee961aa4ff978fdc8.jpg" alt="">
            </div>
            <div class="main-tu4">
                <img src="../img/85044a403b895d3fcf70a57e2e455fc6.jpg" alt="">
            </div>
            <div class="main-tu5">
                <img src="../img/1a4fde3da5989497b077dec596d5f5ad.jpg" alt="">
            </div>
            <div class="main-bg">
                <div class="main-bg-situ">
                    <a href="./xq.html">
                        <img src="../img/7d0490c7511d13a30d072b3c0d605741.jpg" alt="" class="zhur">
                        <div class="bz">
                            <img src="../img/7a27f79eabae806926243b0245497cc0.jpg" alt="">
                        </div>
                    </a>
                    <a href="./xq.html">
                        <img src="../img/424540abb9f5ce013c2ee75949b88917.jpg" alt="" class="zhur">
                        <div class="bz">
                            <img src="../img/f008acfb52c0115089717350dc98bb57.png" alt="">
                        </div>
                    </a>
                    <a href="./xq.html">
                        <img src="../img/46e7ecf8cfec622d2a7dcf3955e7681a.jpg" alt="" class="zhur">
                        <div class="bz">
                            <img src="../img/978d21579dd986d403b21e49c6e1cb94.png" alt="">
                        </div>
                    </a>
                    <a href="./xq.html">
                        <img src="../img/00a3618526e948e1cd8cc990b31bbcc4.jpg" alt="" class="zhur">
                        <div class="bz">
                            <img src="../img/0bfc2a210d43211f20fd2b9e9b6c3d44.png" alt="">
                        </div>
                    </a>
                </div>
            </div>
            <div class="main-tu6">
                <img src="../img/fc08b86afb17e4bfe24d6cc5060a774d.jpg" alt="">
            </div>
            <div class="lbt"></div>
        </div>

        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <!-- <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/1.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/2.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/1.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/2.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/1.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/2.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/1.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/2.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/1.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/2.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/1.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>
                <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="../img/2.jpg" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div> -->

            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
        </div>
    </main>
    <section class="foot-top">
        <h2>关注我们</h2>
        <p>抢先得知最新产品、独家消息及优惠资讯</p>
        <span class="iconfont icon-weixin"></span>
        <span class="iconfont icon-gouwuche"></span>
    </section>
    <footer>
        <div class="ft">
            <div class="ft-left">
                <img src="	https://img.fishfay.com/theme/images/logo/slogan-anta-r.svg" alt="">
            </div>
            <div class="ft-right">
                <div class="ft-right-left">
                    <h4 class="h4-1">
                        在线客服
                        <span class="iconfont icon-zaixiankefu"></span>
                    </h4>
                    <h4 class="h4-2">
                        在线咨询
                        <span>400-858-2020</span>
                    </h4>
                </div>
                <div class="ft-right-right">
                    <a href="" class="wxt">
                        <img src="../img/com-qr-code.jpg" alt="">
                    </a>
                </div>
                <div class="banquan">
                    <span>Copyright(C) 2012-2020 by www.ANTA.cn</span>
                    <span>©安踏体育用品有限公司版权所有</span>
                    <a target="_blank" href="">营业执照</a>
                    <a target="_blank" href="">开户许可证</a>
                    <a target="_blank" href="">个人信息保护政策</a>
                    <br>
                    <a target="_blank" href="">闽ICP备2021011550号-2</a>
                    <a target="_blank" href="">闽公网安备35020302033806号</a>

                </div>
            </div>
        </div>
    </footer>
    <div class="dht">
        <div title="返回顶部" class="gotop"></div>
        <a href="" title="购物车"></a>
        <a href="" title="客服"></a>
    </div>
</body>

</html>
<script src="../js/jquery.min.js"></script>
<script src="../goodsAndShoppingCart/js/cookieTools.js"></script>
<script src="../js/swiper-bundle.min.js"></script>
<script>



    $(".gotop").on("click", function () {
        $("html,body").animate({ // 让body和html回到顶部
            scrollTop: 0
        }, 500)
    })


    function getCookie(key) {
        let cookie = document.cookie; //'username=zhangsan; password=123456'
        var arr = cookie.split("; "); // ["username=zhangsan","password=123456",...]
        for (let i = 0; i < arr.length; i++) {
            //  arr[i] --- >  "username=zhangsan"   或者  "password=123456"
            let item = arr[i].split("=");  // item[0] -->键     item[1]---》值
            if (item[0] == key) {
                return item[1]; // 返回结果， 终止函数
            }
        }

        return "";
    }
    $(function () {
        lunbotu()
    })

    //轮播图端口
    function lunbotu() {
        $.get("../goodsAndShoppingCart/bannerGet.php", function (data) {
            console.log(JSON.parse(data));
            let arr = JSON.parse(data);
            let str = '';
            arr.forEach((item, index) => {
                str += ` <div class="swiper-slide" style="width: 424px; height:450px;"><a href="./xq.html"><img
                            src="${$(item)[0].img}" width="424" height="424" class="imag" /><span>【冠军系列】安踏2022年北京冬奥会国旗款女短袖
                        </span></a></div>`
            });
            $(".swiper-wrapper").html(str)
        })

        var swiper = new Swiper(".mySwiper", {
        pagination: {
            el: ".swiper-pagination",
            type: "progressbar",
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });

    }
</script>